
{{ render "layout/header.html" . }}

<style>
  p,.indent {text-indent: 2ch;display: block;}
  p *,ul *{color: rgba(20,20,20,.75);}
  .doc-small-btn{position: fixed;bottom: 46px;left: 20px;opacity: 0.4;display: none;}
  #navbar-example3 .nav-link:hover{background-color: rgba(80,80,80,.12);border-radius: 6px;}
  @media screen and (max-width: 800px) {
    img{width: 100%;}
    .doc-menu{flex: 0 !important;}
    .doc-big{display: none;}
    .doc-small-btn{display: block;}
    
    .scrollspy-example-2{height:auto !important;}
    #navbar-example3{height:auto !important;}
  }
</style>

<body style="background-color: white;margin-bottom: 10px;">
  <div>
    {{ render "layout/nav-header.html" . }}
    
    <div style="display: flex;height: 100%;">
      <div class="doc-menu" style="flex:none;">
        <span class="doc-big">{{ render "doc/doc-left.html" . }}</span>
      </div>
      <!-- 文档内容区域 -->
      <div style="flex:1;">
        <div data-bs-spy="scroll" data-bs-target="#navbar-example3"
        data-bs-smooth-scroll="true" class="scrollspy-example-2 p-3" tabindex="0"
        style="overflow-y: scroll;height: 90vh;">
          {{ render "doc/doc-introduce.html" . }}
          {{ render "doc/doc-auth.html" . }}
          {{ render "doc/doc-policy.html" . }}
          {{ render "doc/doc-openapi.html" . }}
          {{ render "doc/doc-form.html" . }}
          {{ render "doc/doc-bi.html" . }}
          {{ render "doc/doc-print.html" . }}
          {{ render "doc/doc-vuemenu.html" . }}
          {{ render "doc/doc-setting.html" . }}
          {{ render "doc/doc-deploy.html" . }}
        </div>
      </div>
    </div>
  </div>
  <!-- 移动设备查看目录 -->
  <button class="doc-small-btn btn btn-warning" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasScrolling" aria-controls="offcanvasScrolling">
    <i class="bi bi-list" style="color: blue;font-size: 1.3rem;"></i>
  </button>
  <div class="offcanvas offcanvas-start" data-bs-scroll="true" data-bs-backdrop="true" 
  style="width: 70%;"
  tabindex="-1" id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel">
    <div class="offcanvas-header">
      <h4 class="offcanvas-title" id="offcanvasScrollingLabel">文档目录</h4>
      <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body">
      <span class="">{{ render "doc/doc-left.html" . }}</span>
    </div>
  </div>

  <!-- {{ render "layout/back-to-top.html" . }} -->

  {{ render "layout/fixed-footer.html" . }}
  {{ render "layout/js.html" . }}
  <script>
    // const scrollSpy = new bootstrap.ScrollSpy(document.body, {
    //   target: '#navbar-exampl3',
    //   smoothScroll: true,
    // })

    // document.getElementById('downloadWindows')?.addEventListener('click', function() {
    //   console.log('点击了下载Windows64位程序按钮');
    // });
    // document.getElementById('downloadLinux')?.addEventListener('click', function() {
    //   console.log('点击了下载Linux64位程序按钮');
    // });
  </script>
</body>
</html>